 @layer utilities {
   .content-auto {
     content-visibility: auto;
   }

   .upload-card-hover {
     @apply transition-all duration-300 hover:shadow-lg hover:border-primary;
   }

   .progress-animate {
     @apply transition-all duration-300 ease-out;
   }

   .image-container {
     @apply relative overflow-hidden rounded-lg shadow-md transition-all duration-300 hover:shadow-xl;
   }

   .fade-in {
     animation: fadeIn 0.5s ease-in-out;
   }

   @keyframes fadeIn {
     from {
       opacity: 0;
       transform: translateY(10px);
     }

     to {
       opacity: 1;
       transform: translateY(0);
     }
   }
 }